<template>
  <div class="app-header">
    <div class="left">
      <van-icon name="wap-home" />
      <span class="title">豆瓣音影</span>
    </div>
    <div class="right">城市</div>
  </div>
</template>

<script lang='ts'>
import { defineComponent } from "vue";
export default defineComponent({
  setup() {},
});
</script>

<style lang='scss' scoped>
.app-header {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  background: $theme-bg;
  @include flex;
  opacity: 0.8;
  .title {
    margin-left: 5px;
  }
}
</style>
